
document.addEventListener('DOMContentLoaded', function () {
    // 点击开始播放后观看视频
    const playBtn = document.getElementById("playBtn");
    const video = document.getElementById("video1");
    const vdoBox = document.querySelector(".vdo-box");
    const closeBtn = document.querySelector(".close-btn");

    // 点击“观看视频”显示弹窗并播放
    playBtn.addEventListener("click", () => {
        // video.style.display = "block";
        vdoBox.style.display = "block";

        video.play(); // 自动播放视频
    });

     // 点击关闭按钮隐藏弹窗并暂停视频
    closeBtn.addEventListener("click", () => {
      vdoBox.style.display = "none";
      video.pause(); // 暂停视频
    });

    // 点击弹窗外部也关闭（可选，增强交互）
    vdoBox.addEventListener("click", (e) => {
      if (e.target === vdoBox) {
        vdoBox.style.display = "none";
        video.pause();
      }
    });
});